<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    svg,
    .icon {
      fill: red;
      color: red;
      height: 150px;
      width: 150px;
    }

    /* svg rect,
    svg path {
      fill: yellowgreen;
    } */
  </style>
</head>

<body>

  <svg t="1695629419276" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
    p-id="892" width="32" height="32">
    <path
      d="M906.757251 288.592814l0-44.118823L112.58466 244.473991l0 44.118823L906.757251 288.592814 906.757251 288.592814zM487.608985 729.801515l44.122917 0L531.731902 398.893966 487.608985 398.893966 487.608985 729.801515 487.608985 729.801515zM355.248422 685.679621l44.12087 0L399.369292 443.015859l-44.12087 0L355.248422 685.679621 355.248422 685.679621zM619.972619 685.679621l44.121893 0L664.094512 443.015859l-44.121893 0L619.972619 685.679621 619.972619 685.679621zM818.513464 791.571347 818.513464 264.012999l0-19.539009-19.302625 0L404.759045 244.473991 220.126978 244.473991l-19.303648 0 0 19.539009L200.82333 791.571347c0 75.269287 60.762899 136.771013 135.12042 136.771013l347.449293 0C757.754658 928.34236 818.513464 866.840634 818.513464 791.571347L818.513464 791.571347zM339.489506 884.22456c-51.955302 0-94.542236-43.478234-94.542236-96.514147l0-499.117598 529.448394 0 0 499.117598c0 53.035914-42.591027 96.514147-94.544283 96.514147L339.489506 884.22456 339.489506 884.22456zM642.033054 244.914012l0-19.358907 0-58.072627c0-43.598984-33.04972-77.431533-75.636654-77.431533L452.944488 90.050945c-42.591027 0-75.636654 33.83255-75.636654 77.431533l0 58.072627 0 19.358907 18.908652 0 113.454982 0 113.450888 0L642.033054 244.914012 642.033054 244.914012zM421.42768 244.473991l0-66.183352c0-25.318642 15.040555-44.1178 35.299971-44.1178l105.887632 0c20.2543 0 35.295877 18.799158 35.295877 44.1178l0 66.183352L421.42768 244.473991 421.42768 244.473991zM421.42768 244.473991"
      p-id="893"></path>
  </svg>

  <svg t="1695629435799" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
    p-id="1063" width="32" height="32">
    <path
      d="M512 0C229.376 0 0 229.376 0 512s229.376 512 512 512 512-229.376 512-512S794.624 0 512 0z m202.24 683.52c10.24 10.24 10.24 26.112 0 36.352s-26.112 10.24-36.352 0l-167.936-167.936-167.424 167.424c-10.24 10.24-26.112 10.24-36.352 0s-10.24-26.112 0-36.352l167.424-167.424-168.96-169.984c-10.24-10.24-10.24-26.112 0-36.352s26.112-10.24 36.352 0l169.472 169.472 169.984-169.984c10.24-10.24 26.112-10.24 36.352 0s10.24 26.112 0 36.352l-169.984 169.984 167.424 168.448z"
      p-id="1064"></path>
  </svg>


  <svg t="1695629448273" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
    p-id="1234" width="32" height="32">
    <path
      d="M517.59 21.609c-100.299 0-181.703 79.514-185.167 179.34H98.603c-25.979 0-47.235 21.099-47.235 47.236 0 25.98 21.099 47.237 47.236 47.237h52.117v528.416c0 99.196 67.233 180.285 150.37 180.285h423.55c82.98 0 150.37-80.616 150.37-180.285V295.737h47.236c25.98 0 47.236-21.1 47.236-47.237 0-25.98-21.099-47.236-47.236-47.236H702.441C699.449 101.124 617.888 21.61 517.59 21.61z m-96.677 179.34c3.464-51.172 45.19-90.85 96.834-90.85s93.37 39.835 96.362 90.85H420.913z m-119.98 714.842c-29.444 0-61.88-37.789-61.88-91.953V295.737h547.311V824.31c0 54.007-32.436 91.954-61.88 91.954H300.933v-0.473z m0 0"
      p-id="1235"></path>
    <path
      d="M364.387 802.267c21.57 0 39.363-21.571 39.363-48.653V476.022c0-27.082-17.635-48.654-39.363-48.654-21.572 0-39.364 21.572-39.364 48.654v277.592c0 26.924 17.32 48.653 39.364 48.653z m142.496 0c21.571 0 39.363-21.571 39.363-48.653V476.022c0-27.082-17.635-48.654-39.363-48.654-21.571 0-39.364 21.572-39.364 48.654v277.592c0 26.924 17.793 48.653 39.364 48.653z m149.896 0c21.571 0 39.364-21.571 39.364-48.653V476.022c0-27.082-17.635-48.654-39.364-48.654-21.571 0-39.363 21.572-39.363 48.654v277.592c0 26.924 17.162 48.653 39.363 48.653z m0 0"
      p-id="1236"></path>
  </svg>


  <svg t="1695629460431" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
    p-id="1406" width="32" height="32">
    <path
      d="M799.2 874.4c0 34.4-28.001 62.4-62.4 62.4H287.2c-34.4 0-62.4-28-62.4-62.4V212h574.4v662.4zM349.6 100c0-7.2 5.6-12.8 12.8-12.8h300c7.2 0 12.8 5.6 12.8 12.8v37.6H349.6V100z m636.8 37.6H749.6V100c0-48.001-39.2-87.2-87.2-87.2h-300c-48 0-87.2 39.199-87.2 87.2v37.6H37.6C16.8 137.6 0 154.4 0 175.2s16.8 37.6 37.6 37.6h112v661.6c0 76 61.6 137.6 137.6 137.6h449.6c76 0 137.6-61.6 137.6-137.6V212h112c20.8 0 37.6-16.8 37.6-37.6s-16.8-36.8-37.6-36.8zM512 824c20.8 0 37.6-16.8 37.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6 16.8-37.6 37.6v400c0 20.8 16.8 37.6 37.6 37.6m-175.2 0c20.8 0 37.6-16.8 37.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6 16.8-37.6 37.6v400c0.8 20.8 17.6 37.6 37.6 37.6m350.4 0c20.8 0 37.6-16.8 37.6-37.6v-400c0-20.8-16.8-37.6-37.6-37.6s-37.6 16.8-37.6 37.6v400c0 20.8 16.8 37.6 37.6 37.6"
      p-id="1407"></path>
  </svg>

  <svg t="1695807774286" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
    p-id="860" width="64" height="64">
    <path
      d="M0 0m131.072 0l761.856 0q131.072 0 131.072 131.072l0 761.856q0 131.072-131.072 131.072l-761.856 0q-131.072 0-131.072-131.072l0-761.856q0-131.072 131.072-131.072Z"
      fill="#409EFF" p-id="861"></path>
    <path
      d="M640.925696 737.28h135.364608Q786.432 737.28 786.432 749.24032v8.84736Q786.432 770.048 776.290304 770.048H640.925696Q630.784 770.048 630.784 758.08768v-8.84736Q630.784 737.28 640.925696 737.28zM734.69952 551.723008l50.741248 60.637184c1.06496 1.261568 1.294336 3.014656 0.57344 4.489216a4.3008 4.3008 0 0 1-3.923968 2.392064h-22.28224c0 70.803456-64.364544 83.443712-99.08224 85.11488a4.25984 4.25984 0 0 1-5.210112-2.891776 4.13696 4.13696 0 0 1 2.965504-5.103616c25.8048-13.55776 37.167104-36.601856 38.518784-72.720384a4.243456 4.243456 0 0 0-4.3008-4.235264h-17.825792a4.3008 4.3008 0 0 1-4.046848-2.441216 4.128768 4.128768 0 0 1 0.73728-4.603904l50.741248-60.801024a8.298496 8.298496 0 0 1 12.394496 0.16384z"
      fill="#FFFFFF" p-id="862"></path>
    <path
      d="M781.877248 558.301184c3.014656-16.46592 4.554752-33.325056 4.554752-50.397184 0-153.821184-124.706816-278.528-278.528-278.528S229.376 354.082816 229.376 507.904s124.706816 278.528 278.528 278.528a277.291008 277.291008 0 0 0 102.424576-19.439616q-9.117696-6.946816-16.932864-15.31904-7.82336-8.388608-14.114816-17.965056A235.52 235.52 0 0 1 507.904 744.6528c-130.752512 0-236.7488-105.996288-236.7488-236.7488 0-130.752512 105.996288-236.7488 236.7488-236.7488 130.752512 0 236.7488 105.996288 236.7488 236.7488a235.462656 235.462656 0 0 1-1.4336 26.37824q10.616832 4.317184 20.348928 10.371072 9.732096 6.045696 18.30912 13.647872zM487.0144 499.245056L388.685824 597.581824a20.8896 20.8896 0 1 0 29.540352 29.540352l104.448-104.448A20.8896 20.8896 0 0 0 528.7936 507.904V382.5664a20.8896 20.8896 0 0 0-41.7792 0v116.678656z"
      fill="#FFFFFF" p-id="863"></path>
  </svg>

  <script>
    {
      toBuyNow(e){
        const { isStock } = this.properties;
        if (!isStock) return;
        this.triggerEvent('toBuyNow', e);
      }


    }
  </script>
  <script>
    // const promise1 = new Promise((resolve, reject) => {
    //   setTimeout(resolve, 300, 'one');
    // });

    // const promise2 = new Promise((resolve, reject) => {
    //   setTimeout(resolve, 100, 'two');
    // });

    // const promise3 = new Promise((resolve, reject) => {
    //   let flag = Math.random() > 0.5;
    //   console.log(flag);
    //   setTimeout(function () {
    //     flag
    //       ? resolve('random--success')
    //       : reject('random--failed');
    //   }, flag ? 200 : 50, 'three');
    // });

    // // Promise.race([promise1, promise2, 3]).then((value) => {
    // Promise.race([promise1, promise2, promise3]).then((value) => {
    //   console.log(value);
    // });



    {
      /* 
      window.URL.revokeObjectURL()函数用于释放先前通过window.URL.createObjectURL()方法创建的对象URL。这个方法接受一个参数，即之前创建的对象URL。调用revokeObjectURL()方法后，该对象URL将被无效化，从而释放相关的资源。

这个方法通常在以下情况下使用：

在使用createObjectURL()方法创建的对象URL不再需要时，可以使用revokeObjectURL()方法释放相关资源，以避免内存泄漏。
当需要在浏览器中预览或下载大型文件时，可以使用createObjectURL()方法创建一个临时的对象URL。在完成预览或下载后，使用revokeObjectURL()方法释放该对象URL。
      */
      // var objectUrl = window.URL.createObjectURL(blob);
      // 使用对象URL进行操作...
      // window.URL.revokeObjectURL(objectUrl);
    }


    {
      const data = Promise.race([
        fetch("/api"),
        new Promise((resolve, reject) => {
          setTimeout(() => reject(new Error("请求超时")), 5000);
        }),
      ])
        .then((res) => res.json())
        .catch((err) => displayError(err));

    }
  </script>
</body>

</html>